<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>订单页面</title>
    <meta name="description" content="赏文游-专业的综合旅游网站,在路上，我们行程15000公里，将68个文化体验项目，26条线路送给您!" />
    <meta name="Keywords" content="热门线路,热门体验，品牌活动，赏文游" />
    <!-- 引入facicon.ico网页图标 -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <!-- 引入css 初始化的css 文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式的css 文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入订单页面的css文件 -->
    <link rel="stylesheet" href="css/order.css">
    <!-- 引入订单页面的js文件 -->
    <script src="js/order.js"></script>
</head>

<body>
    <!-- header部分开始  -->
    <div class="header">
        <div class="w">
            <div class="logo fl">
                <h1>
                    <a href="index.html" title="赏文游"><img src="images/logo.jpg" /></a>
                </h1>
            </div>
            <div class="tel fr">
                <img src="images/tel.jpg" /><label>4102-133-787</label>
            </div>
        </div>
    </div>
    <!-- header部分结束  -->
    <!-- nav部分开始 -->
    <div class="nav">
        <div class="w">
            <div class="nav_left fl">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="#">文化体验</a></li>
                    <li><a href="#">品牌故事</a></li>
                    <li><a href="#">主题线路</a></li>
                </ul>
            </div>
            <div class="nav_right fr">
                <img src="images/nav1.jpg" /><label>关于赏文网</label>
                <img src="images/nav2.jpg" /><label>我的订单</label>
            </div>
        </div>
    </div>
    <!-- nav部分结束 -->

    <!-- content部分开始 -->
    <div class="content">
        <div class="w">
            <div class="step"><img src="images/step.png" /></div>
            <h3>观园林赏苏绣，针尖上的镇湖带你了解中国刺绣文化</h3>
            <div class="price">
                <form action="javascript:void 0;">
                    <p>价格</p>
                    <hr />
                    <table class="price_info" border="1" cellspacing="0">
                        <tr>
                            <th>出行时间</th>
                            <th>类型</th>
                            <th>单价</th>
                            <th>数量</th>
                            <th>合计（单位：元）</th>
                        </tr>
                        <tr>
                            <td rowspan="2">2021-06-01</td>
                            <td>刺绣艺术馆门票（成人）</td>
                            <td>&yen;25</td>
                            <td><button class="subtraction" disabled="true">-</button><input type="number" value="1" class="number"><button class="add">+</button></td>
                            <td class="countP">&yen;25</td>
                        </tr>
                        <tr>
                            <td colspan="4">费用包括：游览参观中国刺绣艺术馆</td>
                        </tr>
                    </table>
                    <div class="order_info">
                        <dl>
                            <dt><img src="images/warning.png" /><em>订购须知：</em></dt>
                            <dd><i>*</i>本体验劵（门票)建议出行前三天23：00前购买，付款前请认真核对信息</dd>
                            <dd><i>*</i>请在体验当日，凭赏文化手机短信订单号码进馆参观</dd>
                            <dd><i>*</i>儿童1.2米以下免费1.5米以下15元/人(请到景区购买)</dd>
                            <dd><i>*</i>本体验卷（门票）不支持退款，请慎重购买</dd>
                            <dd><i>*</i>最终解释权归赏文游网</dd>
                        </dl>
                    </div>
                    <p>联系方式：</p>
                    <hr />
                    <div class="contact_info">
                        <div class="item">
                            <label for="lName">联系人姓名：</label><input type="text" id="lName" /><span></span>
                        </div>
                        <div class="item">
                            <label for="lTel">手机号：</label><input type="tel" id="lTel" /><span></span>
                        </div>
                        <div class="item">
                            <label for="lEmail">邮箱：</label><input type="email" id="lEmail" /><span></span>
                        </div>
                    </div>
                    <div class="count">
                        <div class="count_main">
                            <span>合计总价：<i class="countP">&yen;25</i></span>
                            <input type="submit" value="提交订单" />
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- content部分结束 -->

    <!-- footer部分开始 -->
    <div class="footer">
        <div class="w">
            <h4>&copy;2020-2021 www.yfh.com 版权所有 盗版必究</h4>
            <div class="footer_end">
                <span><a href="#">关于我们</a></span>
                <span><a href="#">用户协议</a></span>
                <span><a href="#">加入我们</a></span>
                <span><a href="#">网站地图</a></span>
                <span><a href="#">联系我们</a></span>
            </div>
        </div>
    </div>
    <!-- footer部分结束 -->
</body>

</html>